@import "../../../static/sass/thom_c_size.scss";
$fs : tovw(24);
$fc:#959595;
.index_box{
  border-radius: 2vw;
  box-shadow: 1px 1px 3px #b5b5b5;
  width: tovw(706);
  margin: tovw(26) auto 0;
  background-color: #fff;
  font-size: $fs;
  &:nth-last-child(1){
    margin-bottom: 15vw;
  }
}
.index_container{
  width: 100%;
  height: 100%;
}
//header
.index_box_header{
  .index_box_header_list{
    visibility: hidden;
    width: tovw(164);
    color:#ffffff;
    background-color: #787373;
    text-align: center;
    padding: tovw(14) 0 tovw(14);
    border-radius: 2vw;
    position: absolute;
    top:tovw(50);
    right:tovw(20);
    z-index: 10;
    li{
      height: tovw(62);
      line-height: tovw(62);
      text-align: center;
    }
  }
  position: relative;
  height: tovw(60);
  line-height: tovw(60);
  color:#959595;
  div{
    float:left;
     &:nth-child(1){
        margin-left: tovw(26);
     },
     &:nth-child(2){
        margin-left: tovw(80);
     }
    .index_box_header_m{
      span{
        margin-left:tovw(24);
      }
    }
  }
  img{
    width: tovw(36);
    height: tovw(22);
    float:right;
    margin-top: tovw(18);
    margin-right: tovw(28);
  }
}

//main
.index_box_main{
  >div{
    float:left;
  }
  margin-bottom:tovw(16);
  .index_box_main_right{
    width: tovw(444);
    margin-left: tovw(12);
    .par_img{
      margin-top: tovw(22);
      border-radius: 1vw;

    }
    .last_index_box{
      background-color: #eee;
      margin-top: tovw(10);
      border-radius: 2vw;
    }
    .w_play_m{
      width: tovw(308);
      height: tovw(45);
      line-height: tovw(45);
      display: block;
      float: left;
      margin-left: tovw(16);
    }
    .v_icon{
      margin-left: tovw(24);
      width:tovw(66);
      height: tovw(50);
      display: block;
      float: left;
    }
    p{
      margin-top: tovw(10);
      border-radius: 1vw;
      background-color: #eeeeee;
      text-align: left;
      height: tovw(34);
      line-height: tovw(34);
      padding-left: tovw(5);
      text-overflow : ellipsis;
      white-space : nowrap;
      overflow : hidden;
    }
    div{
      height: tovw(140);

    }
  }
  .index_box_main_left{
    margin-left: tovw(12);
    img{
      width: tovw(225);
      height: tovw(225);
      border-radius: 4vw;
      display: block;
    }
    ul{
      margin-top: tovw(8);
      li{
        &:nth-child(1){
          float: left;
        }
        &:nth-child(2){
          float: right;
        }
        width: tovw(112);
        height: tovw(42);
        line-height: tovw(42);
        color:$fc;
        border-radius: 1vw;
        background-color: #eee;
        text-align: center;
      }
    }
  }
}

//main_last
.index_box_last{
  background-color:#eeeeee;
  width: tovw(674);
  border-radius: 2vw;
  position: relative;
  margin:  0 auto;
  .other_last{
    position: absolute;
    top:tovw(8);
    left:tovw(16);
  }
  .index_box_last_header_cover{
    //height: tovw(78);
  }
  .wrapper_for_header_img{
    width: tovw(400);
    margin:  tovw(16)  auto tovw(14);
    img{
      display: block;
      float:left;
      width: 20vw;
    }
    .w_play_m{
      display: block;
      width: tovw(308);
      height: tovw(48);
      line-height: tovw(48);
    }
    .v_icon{
      //margin-left: tovw(26);
      display: block;
      width:tovw(66);
    }
  }
  .bbg_all{
    height: tovw(188);
    width: tovw(188);
    border-radius: 2vw;
    display: block;
    margin-bottom: tovw(12);
  }
  .wrapper_last_img_c{
    margin-bottom: tovw(14);
    li{
      float: left;
      &:nth-child(1){
        margin-left: tovw(38);
      };
      &:nth-child(2),&:nth-child(3){
        margin-left: tovw(20);
      }
    }
  }
}

//tool_list
.tool_box{
  height: tovw(55);
  line-height: tovw(55);
  margin-top: tovw(23);
  img{
    width: tovw(38);
    display: block;
    float: left;
    &:nth-child(1){
      margin-left: tovw(202);
    }
    &:nth-child(2){
      margin-left: tovw(100);
    }
    &:nth-child(3){
      margin-left: tovw(98);
    }
  }
}

.sup_now_w{
  position: relative;
  .more_list{
    visibility: hidden;
    background-color: #959595;
    color:#fff;
    border-radius: 2vw;
    position: absolute;
    top:tovw(56);
    right:-23vw;
    width: tovw(164);
    li{
      &:nth-last-child(1){
        border-bottom: 0;
      }
      width:100%;
      height:tovw(75);
      line-height: tovw(75);
      border-bottom: 1vw solid #a8a8a8;
    }
  }
}
